<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8" />
  <title></title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font.css" />
  <link rel="stylesheet" href="./css/xadmin.css" />
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <link rel="stylesheet" href="./lib/layui/css/layui.css" />
  <link rel="stylesheet" href="./css/advimg.css" />
  <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite>
      </a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height: 1.6em; margin-top: 3px; float: right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height: 30px"></i>
    </a>
  </div>
  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <!-- 卡片区域 -->
      <div class="layui-card">
        <div id="foot">
          <span>空空如也~~~~</span>
          <img src="./lib/layui/images/face/login.gif" alt="" />
        </div>
        <!-- 搜索区 -->
        <form class="layui-form" id="adv_ss">
          <div class="layui-form-item layui-inline">
            <label class="layui-form-label guanggao">广告位名称</label>
            <div class="layui-input-block">
              <input type="text" name="advimgdesc" id="advimgdesc" placeholder="请输入广告位名称" autocomplete="off"
                class="layui-input sousuo" />
            </div>
          </div>
          <div class="layui-form-item layui-inline img_gg">
            <label class="layui-form-label weizi">广告图位置</label>
          </div>
          <div class="layui-form-item layui-inline img_xiala">
            <select id="city_one" name="advimgpos"></select>
          </div>
          <div class="layui-form-item layui-inline" id="img_ss">
            <div class="btn_box">
              <button type="button" class="layui-btn layui-btn-normal top btn_sosuo123" lay-filter="formDemo"
                id="btn_ss">搜索</button>
              <i class="layui-icon layui-icon-search"></i>
              <button class="layui-btn layui-btn-primary top" lay-submit lay-filter="formDemo" id="btn_cz">重置</button>
              <i class="layui-icon layui-icon-refresh-1"></i>
            </div>
          </div>
        </form>
        <div class="more_btn">
          <div class="left">
            <button type="button" class="layui-btn zengjia">
              新增
              <i class="layui-icon layui-icon-add-1"></i>
            </button>
            <button type="button" class="layui-btn shanchu_btn">
              删除
              <i class="layui-icon layui-icon-delete"></i>
            </button>
            <button type="button" class="layui-btn daochu" id="export">
              导出
              <i class="layui-icon layui-icon-download-circle"></i>
            </button>
          </div>
          <div class="right">
            <a href="javascript:;" class="one rigth_one">
              <i class="layui-icon layui-icon-up"></i>
            </a>
            <a href="javascript:;" class="one">
              <i class="layui-icon layui-icon-refresh-3"></i>
            </a>
            <a href="javascript:;" class="one">
              <i class="layui-icon layui-icon-app"></i>
            </a>
          </div>
        </div>
        <div class="layui-card-body">
          <table class="layui-table" lay-size="lg">
            <colgroup>
              <col width="20px" />
              <col width="20px" />
              <col />
              <col />
              <col />
              <col />
              <col width="20px" />
            </colgroup>
            <thead>
              <tr>
                <th><input type="checkbox" id="img_Allbox" /></th>
                <th>#</th>
                <th class="advposname_img">广告图位</th>
                <th class="advimgdesc_img">广告位描述</th>
                <th class="advimgsrc_img">广告图</th>
                <th class="advimglink_img">广告图链接</th>
                <th style="text-align: center">操作</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
          <div class="adv-box">
            <div>
              <input class="check_img" type="checkbox" />
              广告位名称
            </div>
            <div>
              <input class="check_img" type="checkbox" />
              广告位描述
            </div>
            <div>
              <input class="check_img" type="checkbox" />
              广告图数量
            </div>
            <div>
              <input class="check_img" type="checkbox" />
              广告位尺寸
            </div>
          </div>
          <!-- 分页区域 -->
          <div id="pageBox"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 添加弹出层 -->
  <script type="text/html" id="dialog-add">
      <form class="layui-form" id="form-add">
        <div class="layui-form-item">
          <label class="layui-form-label img_xuanze">广告位</label>
          <div class="layui-input-block">
            <select id="city">
              <!-- <option value=""></option> -->
              <!-- <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
            <option value="4">杭州</option> -->
            </select>
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label tanchuceng">广告图描述</label>
          <div class="layui-input-block">
            <textarea id="advposdesc" placeholder="请输入广告图描述" class="layui-textarea"></textarea>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label tanchuceng">广告图链接</label>
          <div class="layui-input-block">
            <input type="text" id="advimglink" required lay-verify="required" placeholder="请输入广告图链接" autocomplete="off" class="layui-input" name="advimgpos" />
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block foot foot1">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>
            <button type="reset" class="layui-btn layui-btn-primary quxiao">取消</button>
          </div>
        </div>
      </form>
      <form action="" id="form2">
        <div class="layui-form-item">
          <label class="layui-form-label tanchuceng">广告图</label>
          <!-- 隐藏文件筐 -->
          <input type="file" id="file" accept="image/png,image/jpeg" name="file" />
          <button type="button" class="layui-btn layui-btn-normal shangchuan">点击上传</button>
        </div>
      </form>
    </script>
  <!-- 修改弹出层 -->
  <script type="text/html" id="dialog-amend">
      <form class="layui-form" id="form-amend" lay-filter="form-edit">
        <div class="layui-form-item">
          <label class="layui-form-label img_xuanze">广告位</label>
          <div class="layui-input-block">
            <select name="advimgpos" id="city">
              <!-- <option value=""></option> -->
              <!-- <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
            <option value="4">杭州</option> -->
            </select>
          </div>
        </div>
        <div class="layui-form-item layui-form-text">
          <label class="layui-form-label tanchuceng">广告图描述</label>
          <div class="layui-input-block">
            <textarea name="advimgdesc" placeholder="请输入广告图描述" class="layui-textarea" id="advimgdesc_amend"></textarea>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label tanchuceng">广告图链接</label>
          <div class="layui-input-block">
            <input type="text" name="advimglink" required lay-verify="required" placeholder="请输入广告图链接" autocomplete="off" class="layui-input" />
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block foot foot1">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确认</button>
            <button type="reset" class="layui-btn layui-btn-primary quxiao">取消</button>
          </div>
        </div>
      </form>
      <form action="" id="form2">
        <div class="layui-form-item">
          <label class="layui-form-label tanchuceng">广告图</label>
          <!-- 隐藏文件筐 -->
          <input type="file" id="file" accept="image/png,image/jpeg" name="file" />
          <button type="button" class="layui-btn layui-btn-normal shangchuan">点击上传</button>
        </div>
      </form>
    </script>

  <!-- ================================================= -->
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.4/axios.js"></script>
  <script src="./js/baseURL.js"></script>
  <script src="./lib/layui/layui.all.js"></script>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/jquery.table2excel.js"></script>
  <script src="./js/advimg.js"></script>
</body>

<script></script>

</html>